﻿{% load staticfiles %}
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/layout.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/hint.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/wangEditor.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/highlightjs/github.css">

    <script src="{{ STATIC_URL }}js/jquery.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/bootstrap.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/dataTables.bootstrap.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/calender.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/jquery-ui.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/jquery.base64.js" type="text/javascript"></script>
    <script src="{{ STATIC_URL }}js/common.js" type="text/javascript"></script>

    <!-- wangEditor html在线编辑器lib-->
    <script src="{{ STATIC_URL }}js/wangEditor.js"></script>

    <title>CMDB</title>
</head>
<body>
{% block head_content %}
	<div id="block_head_content_base" >
		<div id="header">
            <div class="container">
                <div style="float:left;" >
                    <div style="font-size:22px;font-weight:bold;color:#fff;padding:5px 10px 0px 0px;margin-right:80px;"><a href="/" style="color:#fff;text-decoration: none;"><span class="glyphicon glyphicon-home"></span></a>&nbsp;&nbsp;CMDB资源管理系统</div>
                </div>
                <div id="main_menu">
                   
                   <ul>
                       <li class="dropmenu">
                           <a  href="{% url 'equipment:home' %}"><span class="glyphicon glyphicon-envelope"></span> 基础信息<span class="caret"></span></a>
                           <ul>
                               <li><a  href="{% url 'equipment:home' %}">设备</a></li>
                                <li><a href="{% url 'business:home' %}">业务</a>
                           </ul>
                        </li>
                       <li><a href="{% url 'saltstack:nodeList' %}">自动化运维</a></li>
                       <li><a href="{% url 'configuration:show_editor' %}">配置管理</a></li>

                   </ul>
                 </div>
                 <div id="header_content">
                     <div class="header_item dropdown navbar-right" style="color:#333;background-color:#FFF;">
                        <div href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-user"></span> {{ request.session.fullname }}
                            <span class="caret"></span>
                        </div>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="{% url 'user:logout' %}">注销</a></li>
                        </ul>
                     </div>
                </div>
        </div>
</div>


</div>
{% endblock %}
	
	
	<div id="block_left_content_base">
	{% block left_content %}
		
	{% endblock %}
	</div>
	
	<div id="block_right_content_base">
	{% block right_content %}
	{% endblock right_content %}
	</div>
	<div style="clear:both;"> </div>
    <hr style="color: #eee; width:86%;"/>
    <p style="text-align: center;">
        Copyright@2016 devops@f-road.com.cn All Rights Reserved.
    <p>

<script type="text/javascript">

    //下拉菜单
    $("#main_menu li.dropmenu").mouseover(function(){
        $(this).children("ul").css("width",$(this).width()+"px");
        $(this).children("ul").show();
        $(this).css({"background-color":"#666"});
        $(this).children("a").css("color","#FFF");
    });

    $("#main_menu li.dropmenu").mouseout(function(){
        $(this).children("ul").hide();
        $(this).css({"background-color":"transparent"});
        $(this).children("a").css("color","#FFF");
    });

    $(function () { $("[data-toggle='tooltip']").tooltip(); });

</script>
</body>
</html>


